<template>
          <div>
               <ul class="nav">
                    <router-link :to="{name:'home'}" tag="li" active-class="active">
                               <i class="iconfont icon-dkw_jiekuan"></i>
                               <span>借款</span>
                    </router-link>
                    <router-link :to="{name:'shopping'}" tag="li">
                               <i class="iconfont icon-shangcheng"></i>
                               <span>商城</span>
                    </router-link>
                    <router-link :to="{name:'my'}" tag="li">
                               <i class="iconfont icon-wode1"></i>
                               <span>我的</span>
                    </router-link>  
               </ul>
          </div>
</template>

<script>
export default {
         
}
</script>

<style lang="less" scoped>
          div{
              width:100%;
              position:fixed;
              bottom:0;
              background:#fff;
          }
          .nav{
              width:100%;
              height:2.02rem;
              display:flex;
              justify-content:space-around;
              border-top:0.02rem solid #dfdfdf
          }
          li{
              display:flex;
              flex-direction:column;
              text-align:center;
              padding-top:0.3rem;
          }
          i{
              font-size:0.8rem;
          }
          span{
              font-size:0.4rem;
          }
          .active{
                 i{
                     color:#1b88fd;
                 }
                 span{
                     color:#1b88fd;
                 }
          }
</style>

